<style>
.none {
    display: none;
}
.p_slt {
    width: 50%;
    background: #eee;
    margin-right: 12px;
    border: 1px solid #ddd;
}
.cmclose {
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px; 
    bottom: 144px;
    position: relative;
}
.fx_dl {
    position: fixed;
    left: 0px;
    bottom: 0px;
    padding: 12px 0 0 0;
    background-color: #ffffff;
    border-top: solid 1px #cccccc;
    width: 100%;
}
.tc_p_d {
    text-align: left;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 0 12px 10px 12px;
}

.cm1 {
    font-size: 14px;
    text-align: left;
    padding: 0px 0px 10px 0px;
    border-bottom: solid 1px #cccccc;
}
.m_dl_cm {
    cursor: pointer;
    border: solid 1px #cccccc;
    float: left;
    padding: 6px 0px 6px 0px;
    margin: 12px 2% 0px 0px;
    width: 23%;
    text-align: center;
    border-radius: 5px;
}
.cm2 {
    padding: 0 0px 15px 0px;
    overflow: hidden;
    width: 100%;
}
.cm3 {
    border-top: solid 1px #cccccc;
    padding: 15px 12px 15px 12px;
}
.cm_b_c {
    text-align: center;
    border-top: solid 1px #cccccc;
    height: 47px;
    padding-top: 8px;
}
#gift_num {
    padding: 0 10px;
    color:#da0203;
}
.m_dl_addcar {
    width: 90%;
    line-height: 40px;
    background: #da0203;
    color: #ffffff;
    border-radius: 3px;
    border: none;
    -webkit-appearance: none;
    font-size: 15px;
}
.cm_checked {
    border: solid 1px #B768A4;
    color: #724A88;
    background-image: url(https://static.biyao.com/m/img/try/chooseSize.png?v=biyao_9207a22);
    background-repeat: no-repeat;
    background-position: 100% 3%;
    background-size: 20%;
}

</style>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<body>
<div class="cmmy_bg none" id="cmmy" title="尺码">
	<div class="fx_dl bbox">
		<div class="tc_p_d">
			<img src="http://www.hnhcyy.com/resource/zengping/zp_chengshan1.jpg" class="p_slt">
			<div style="clear: both;"></div>
			<span class="cmclose icon-circle_close"></span>
		</div>
		<div id="cmss" style="padding: 0 12px 0 12px;">
				<div class="cm1">款式</div>
				<ul class="cm2" id="stylesList">
					<li class="m_dl_cm bbox" id="tiao">随机颜色</li>
					<!-- <li class="m_dl_cm bbox" id="mi">暗斜纹</li> -->
				</ul>
				<div class="cm1">尺码</div>
				<ul class="cm2" id="sizesList">
					<li class="m_dl_cm bbox">38</li>
					<li class="m_dl_cm bbox">39</li>
					<li class="m_dl_cm bbox">40</li>
					<li class="m_dl_cm bbox">41</li>
					<li class="m_dl_cm bbox">42</li>
					<!-- <li class="m_dl_cm bbox">42</li> -->
				</ul>
		</div>
		<div class="cm3">
			<table>
				<tbody>
					<tr>
						<td class="f14" align="left">赠送数量:</td>
						<td align="left" id="gift_num"></td>
						<td>件</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="cm_b_c">
			<input class="m_dl_addcar" value="确定" id="confirm"
				type="button">
		</div>
	</div>
</div>
</body>